<template>
	<view class="">
		<view class="q1">
			<span class='q2'>类别名称</span><input class="q3" type="text" placeholder="输入类别名称"  style="text-align: right;" value="" v-model="title">
		</view>
		
		<view class="q1">
			<span class='q2'>排序</span><input class="q3" type="text" placeholder="输入排序"  style="text-align: right;" value="" v-model="xulie">
		</view>
		
		<button @click="save" class="ww">保存</button>
	</view>
</template>

<script>
	export default {
		// onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数
		// 		console.log(option);
		// 	},
			data() {
				return {
					title:'',
					xulie:''
				}
			},
			methods: {
				save(){
					if(this.title==''){
						uni.showToast({
										title: '输入不能为空',
										icon: 'none',    //如果要纯文本，不要icon，将值设为'none'
										duration: 2000    //持续时间为 2秒
									})  
					}else{
						uni.request({
								
								url:'http://localhost:3000/insert',
								data:{
									xxx:this.title,
									ggg:this.xulie
								}
							}).then((res) => {
							  console.log("请求结果是....");
							  console.log(res.data);
							  this.goodslist = res.data
							}),
							uni.showToast({
											title: '保存成功',
											icon: 'none',    //如果要纯文本，不要icon，将值设为'none'
											duration: 2000    //持续时间为 2秒
										})  
							uni.navigateTo({
								url: '/pages/Classification/allclassify'
							});
						}
					}
					
			},
			
			
		}
</script>

<style>
	.q1{
		display: flex;
		width: 90%;
		font-size: 16px;
	
		margin: 0 auto;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.q2{
		margin-top: 30px;
		flex: 3;
		margin-left: 10px;
	}
	.q3{
		margin-top: 30px;
		flex: 7;
		margin-right: 10px;
		margin-bottom: 5px;
	}
	.ww{
		width: 90%;
		margin: 0 auto;
		color: black;
		font-weight: bolder;
		background-color: #fccc04;
		margin-top: 50px;
	}
</style>